<script lang="ts" setup>
import { useRouter } from 'vue-router'
import IconFont from '@/assets/icons/iconFont'

const router = useRouter()
const handleLogin = () => {
  router.push({ name: 'Login' })
}
</script>

<template>
  <button @click="handleLogin">
    <IconFont type="icon-login-" :size="50" />
    <p class="mt-2 text-xl">{{ $t('user.header.login') }}</p>
  </button>
</template>
